<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    // Font library and icon pack
    <link href='https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons' rel="stylesheet" type="text/css">

    <script src="https://unpkg.com/vue/dist/vue.js"></script>

    // Vuetify.js required files
    <link href="https://unpkg.com/vuetify/dist/vuetify.min.css" rel="stylesheet" type="text/css">

    <script src="https://unpkg.com/vuetify/dist/vuetify.min.js"></script>
</head>
<body>
<template>
    <div class="text-xs-center">
        <v-btn light v-tooltip:top="{ html: 'Top tooltip' }" primary>Top</v-btn>

        <v-btn light v-tooltip:right="{ html: 'Right tooltip' }" primary>Right</v-btn>

        <v-btn light v-tooltip:bottom="{ html: 'Bottom tooltip' }" primary>Bottom</v-btn>

        <v-btn light v-tooltip:left="{ html: 'Left tooltip' }" primary>Left</v-btn>
    </div>
</template>

<script>
    new
</script>
</body>
</html>